import React, { Component } from 'react';
import { Route, Redirect, Switch } from 'react-router-dom'
// 视图
class Routerview extends Component {
  render() {
    // 获取路由表
    const { routes } = this.props

    return (
      // 匹配 第一个路由
      <Switch>
        {
          routes.length > 0 && routes.map((v, i) => {
          return (
              v.path
              // conponent = { 组件 }
              // render = { (props) => <组件 { ...props } routes={ 子路由表 } /> }
                ? <Route path={v.path} render={ props => <v.component {...props} /* 子路由 */routes={v.children}></v.component> } key={i}></Route>
                : <Redirect from={v.from} to={v.to} key={i}></Redirect>
            )
          })
        }
      </Switch>
    );
  }
}
export default Routerview;
